<html>
<head>
<link rel="stylesheet" href="css/general.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />

<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script src="js/general.js" type="text/javascript"></script>

<script>
	
</script>

</head>

<body onload="loadTest();">
	<div id='all_content'>
		%EXERCISE%
		
		<div id='editor' data-role="collapsible" data-collapsed="false">
			<h3>Source code:</h3>
			<form>
				<textarea id='code' rows='5'></textarea>
				<input type='button' value='Submit Code' onclick="displayCode();" />
			</form>
		</div>
		<div id='displayer' data-role="collapsible">
			<h3>Result</h3>
			<iframe id='result' width='100%' height='auto' class='shadow'></iframe>
		</div>
		
	</div>
	<center>
		<div id='validate'>
			<a data-role="button" data-inline="true" data-theme="b" onclick="validate();">Show</a>
		</div>
	</center>
</body>

</html>